#evaluate-modal {
  .u-modal-body {
    padding: 0 !important;
  }

  .evaluation-details {
    padding: 0 100px;

    .evaluation-header {
      height: 125px;

      .not-evaluate {
        text-indent: 14px;
        padding-top: 50px;

        i {
          color: #6dd400;
          font-size: 22px;
          float: left;
        }
  
        span {
          font-size: 16px;
          font-family: MicrosoftYaHei;
          color: rgba(17,17,17,1);
          line-height: 21px;
          float: left;
          text-indent: 6px;
        }
      }

      .evaluated {
        i {
          display: block;
          color: #6dd400;
          font-size: 48px;
          line-height: 48px;
          text-align: center;
          padding: 25px 0 12px;
        }

        span {
          font-size: 18px;
          font-family: MicrosoftYaHei;
          color: rgba(17,17,17,1);
          line-height: 24px;
          display: block;
          text-align: center;
        }
      }
    }

    .evaluation-body {
      ul {
        margin-bottom: 50px;

        li {
          margin-bottom: 20px;

          .evaluation-item--top {
            height: 20px;

            & > span {
              display: inline-block;
            }

            & > span:nth-child(1) {
              width: 106px;
              font-size: 14px;
              font-family: PingFangHK-Regular,PingFangHK;
              font-weight: 400;
              color: rgba(17,17,17,1);
              line-height: 20px;
              text-indent: 14px;
            }

            & > span:nth-child(2) {
              width: 160px;
              height: 20px;

              i {
                cursor: pointer;
                user-select: none;
                color: #979797;
                font-size: 18px;
                margin-right: 10px;
                transition: .2s;
              }

              .iconxingxinggray {
                color: #979797;
              }

              .iconxingxingyellow:nth-child(1) {
                color: #fa6400;
              }
              .iconxingxingyellow:nth-child(2) {
                color: #ff4822;
              }
              .iconxingxingyellow:nth-child(3) {
                color: #fb251d;
              }
              .iconxingxingyellow:nth-child(4) {
                color: #e71b0a;
              }
              .iconxingxingyellow:nth-child(5) {
                color: #da0000;
              }
            }

            & > span:nth-child(3) {
              font-size:13px;
              line-height: 20px;
              font-family: MicrosoftYaHei;
              transition: .3s;
            }

            .result-red {
              color: #e14c46;
            }

            .result-green {
              color: #3c9c0b;
            }
          }

          .evaluation-item--bottom {
            min-height: 40px;
            background-color: rgb(243, 243, 243);
            padding: 0 6px 7px;
            margin-top: 10px;

            span {
              cursor: pointer;
              margin-right: 10px;
              user-select: none;
              min-height: 26px;
              color: #555;
              line-height: 24px;
              background: rgba(255,255,255,1);
              border-radius: 13px;
              border: 1px solid rgba(177,177,177,1);
              display: inline-block;
              margin-top: 7px;
              padding: 0 8px;
              transition: .2s;
            }

            .on {
              color: #e14c46;
              border-color: #e14c46;
            }

            .has-no-reason {
              border: none;
              background: none;
              cursor: default;
              color: #e14c46;
            }
          }
        }

        & > li:last-child {
          width: 460px;
          margin-bottom: 0;

          .evaluate-content {
            font-size: 13px;
            font-family: MicrosoftYaHei;
            color: rgba(17,17,17,1);
            line-height: 17px;
            display: inline-block;
            white-space: break-spaces;
            padding-left: 14px;
            word-break: break-all;
          }
        }

        .hide {
          height: 0;
          overflow: hidden;
        }
      }
    }
  }

  .evaluated-details {
    .evaluation-body {
      .evaluation-item--bottom {
        span {
          display: none;
        }

        .on {
          display: inline-block;
          border: none;
          background: none;
          color: #555 !important;
        }
      }
    }
  }

  .hide {
    display: none;
  }
}